/* 开放统计页面样式 */
.com-con{
	box-sizing: border-box;
	position: relative;
	border: 1px solid #021c4f;
	border-radius: 5px;
	background: #011237;
	background: -webkit-linear-gradient(right,rgba(2,18,51.4),rgba(2,23,74,.4)); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(right,rgba(2,18,51.4),rgba(2,23,74,.4)); /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient(right,rgba(2,18,51.4),rgba(2,23,74,.4)); /* Firefox 3.6-15 */
    background: linear-gradient(to right,rgba(2,18,51.4),rgba(2,23,74,.4)); /* 标准语法 */
}
.statistics-wrap{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: 680px;
	overflow: hidden;
	background: #010a24;
	padding-top: 40px;
	margin-bottom: -40px;
}
.statistics-wrap .content-wrap{
	width: 1200px;
	margin: 0 auto;
}
.light-wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 750px;
	background: url('../img/light.png') center top no-repeat;
	z-index: 1;
}
.statistic-line{
	/*margin-bottom: 10px;*/
	height:80px;
}
.statistic-item{
	float: left;
	width: 218px;
	height: 80px;
	margin-right: 27px;
	text-align: center;
}
.statistic-item.last-item{
	margin-right: 0
}
.item-wrap{
	display: inline-block;
	margin-top: 10px;
}
.ico-wrap{
	margin: 10px 10px 0 0;
	width: 46px;
	height: 46px;
	background: url(../img/statistic-ico.png) center no-repeat;
}
.visited{
	background-position: -6px -9px;
}
.download{
	background-position: -72px -9px;
}
.api-call{
	background-position: -141px -9px;
}
.catalog-num{
	height: 52px;
    background-position: -213px -1px;
    margin-top: 0px;
}
.api-service{
	background-position: -278px -9px;
}
.item-num{
	text-align: left;
	font-weight: bold;
	font-size: 26px;
	color: #e6a721;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(230, 166, 34, 1)), to(rgba(194, 123, 18, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.item-txt{
	text-align: left;
	color: #5d7ba9;
	font-size: 14px;
}

/*图表区域样式*/
.chart-wrap{
	width:100%;
	height:700px;
	margin-bottom: 50px;
	background: url('../img/map-bg.png') center no-repeat;
	background-position: center bottom;
}
.statistics-map{
	width:100%;
	height:100%;
	z-index: 2;
}
.charts-box{
	position:relative;
	background:rgb(2,22,72);
	background:rgba(0,144,255,0.04);
	border:1px solid rgb(2,22,72);
	border:1px solid rgba(0,137,224,0.2);
	border-radius:5px;
}
.charts-box .title{
	position: absolute;
	top:20px;
	left:-5px;
	z-index: 999;
	padding:0 25px;
	display:inline-block;
	height:26px;
	line-height:26px;
	background:rgb(1,54,111);
	background:linear-gradient(to right, rgba(0,144,255,0.3) , transparent);
	color:#83bdff;
	font-size:16px;
	border-radius:3px;
}
.chart1,#chart1,#chart2{
	width:387px;
	height:310px;
	margin-right:19px;
	margin-bottom:20px;
}
.chart2,#chart3{
	clear:both;
	width:793px;
	height:310px;
	margin-bottom:20px;
}
.chart3,#chart4{
	width:380px;
	height:640px;
}
.chart4,#chart5,#chart6{
	width:590px;
	height:310px;
	margin-bottom:20px;
}
.chart5,#chart7,#chart8{
	width:590px;
	height:443px;
	margin-bottom:20px;
}
.charts-box .tab{
	position:absolute;
	right:20px;
	top:20px;
	height:22px;
	border:1px solid rgb(1,52,126);
	border:1px solid rgba(0,94,200,0.4);
	background:rgb(2,34,98);
	background:rgba(0,114,255,0.3);
	border-radius:3px;
	cursor: pointer;
	z-index: 1000;
}
.charts-box .tab li{
	margin-top:-1px;
	margin-left:-1px;
	float: left;
	height:22px;
	line-height:22px;
	padding:0 15px;
	color:#83bdff;
	font-size:14px;
	border: 1px solid transparent;
}
.charts-box .tab li.active{
	border:1px solid rgb(0,81,178);
	border:1px solid rgba(0,94,200,0.7);
	background:rgb(1,53,135);
	background:rgba(0,114,255,0.3);
	border-radius:3px;
}